<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
	<title><?php
		$split = explode('/', $_SERVER["REQUEST_URI"]);
		$page = end($split);
		if (substr($page, 0, strlen("apprendre")) === "apprendre") {
			$split = explode('_', $page);
			$page = $split[1];
			$nomPage = str_replace('-', ' ', $page);
			echo "$nomPage | Pictolemmes";
		}else{
			echo 'Aide à l\'apprentissage et à la mémorisation | Pictolemmes';
		}
	?></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	
	<!--[if lte IE 7]> 
		<script type="text/javascript">
			// ie7
			$(document).ready(function() {
				$('body').addClass("ie7");
			});
		</script>
	<![endif]-->

	<!-- CSS -->
	<link rel="stylesheet" href="css/pictolemmes.css?rev=$$version" type="text/css">
</head>
<body class="lsbm menu menuContainerDisplayed">
	<div class="content">
	
		<div class="globalActions top floatContainer">
			<div class="buttonContainer">
				<button class="back" onclick="back()">Retour</button>
			</div>
			<div class="titleContainer">
				<div class="productName"><img src="css/images/logo_pictolemmes.png?rev=$$version" height="25" alt="Pictolemmes"></img></div>
				<div class="disconnectArea"><a href="#" onclick="logout();return false;">Déconnexion</a></div>
				<div class="downloadInfo">__downloadInfo__</div>
			</div>
		</div>
	
		<div class="contentContainer">
			
			<div class="navigationContainer">
				<div class="navigationArea">
					<h2 class="navigationInfo">Votre choix</h2>
					<div class="navigationButton menuNavButton"></div>
					<div class="navigationButton batterieChoiceNavButton"></div>
					<div class="navigationButton exerciceChoiceNavButton"></div>
				</div>
			
				<div class="container hidden menuContainer">
					<div>
						<div class="subContainer">
							<ul class="menu pratices floatContainer">
							</ul>
						</div>
					</div>
					<div>
						<div class="subContainer">
							<ul class="menu admin floatContainer">
								<li class="menuItem options"><a href="#" onclick="displayMyAccount();return false;">MON COMPTE</a></li>
								<li class="menuItem saisie"><a href="saisie.html">SAISIE</a></li>
							</ul>
						</div>
					</div>
				</div>

				<div class="container hidden batterieChoiceContainer navigationContent">
					<h1>Sélectionnez l'un de ces menus</h1>
					<ul class="menu batteries floatContainer"></ul>
				</div>
			
				<div class="container hidden exerciceChoiceContainer navigationContent">
					<h1>Sélectionnez l'exercice que vous souhaitez</h1>
					<ul class="menu exercices floatContainer"></ul>
				</div>
				
				<div class="container hidden serieChoiceContainer navigationContent">
					<h1 class="batterieDescription"></h1>
					<ul class="menu series floatContainer"></ul>
				</div>

			</div>
			
			<div class="container hidden wordChoiceContainer">
				<h1 class="batterieDescription"></h1>
				<h2 class="serieDescription"></h2>
				<ul class="menu options floatContainer">
					<form class="form floatContainer" id="exerciceOptions">
						<li class="menuItem taille">
							<label for="charSize">Taille des caractères</label
							><select id="charSize" name="charSize" onchange="changeCharSize()">
								<option value="0">Petits</option>
								<option value="1">Moyens</option>
								<option value="2">Grands</option>
							</select>
						</li>
						<li class="menuItem tempo">
							<input class="checkbox" type="checkbox" id="tempo" name="tempo"
							><label for="tempo">Temporisation</label
							><select id="displayTime" name="displayTime">
								<option value="0">Courte</option>
								<option value="1">Normale</option>
								<option value="2">Longue</option>
							</select>
						</li>
						<li class="menuItem dictee">
							<input class="checkbox" type="checkbox" id="dictee" name="dictee"
							><label for="dictee">Dictée</label>
						</li>
						<li class="menuItem inverse">
							<input class="checkbox" type="checkbox" id="inverse" name="inverse"
							><label class="large" for="inverse">Inverser question et réponse</label>
						</li>
					</form>
					<div class="actions">
						<button class="actionLetsGo" onclick="letsGo()">C'est parti !</button>
					</div>
				</ul>
				<div class="wordMenuContainer">
					<ul class="menu words floatContainer"></ul>
				</div>
				<div class="actions">
					<button onclick="letsGo()">C'est parti !</button>
				</div>
			</div>
			
			<div class="container hidden trainingContainer">
				<div class="tip questionTip">
					<div class="tipContainer valueTipContainer">
						<span class="value"></span>
					</div>
					<div class="tipContainer imgTipContainer">
						<img class="img"></img>
					</div>
					<div class="tipContainer audioTipContainer">
						<audio class="audio" controls="controls">
							Votre navigateur ne supporte pas le son...
						</audio>
					</div>
				</div>
				<form class="answerArea">
					<input type="text" id="answerInput">
					<input onclick="answer();return false;" class="inputButton" type="submit" value=">">
				</form>
				<div class="bottomTips">
					<div class="tip pageTip">page : <span class="value"></span></div>
					<div class="tip wordTip">mot : <span class="value"></span></div>
				</div>
			</div>
			
			<div class="container hidden myAccountContainer">
				<ul class="floatContainer">
					<h1 class="title">Mon compte</h1>
					<form class="form floatContainer">
						<li class="menuItem taille">
							<label for="opt_charSize">Taille des caractères par défaut</label
							><select id="opt_charSize" name="charSize">
								<option value="0">Petits</option>
								<option value="1">Moyens</option>
								<option value="2">Grands</option>
							</select>
						</li>
						<li class="menuItem tempo"
							><label for="opt_displayTime">Temporisation par défaut</label
							><select id="opt_displayTime" name="displayTime">
								<option value="0">Courte</option>
								<option value="1">Normale</option>
								<option value="2">Longue</option>
							</select>
						</li>
						<li class="menuItem tempoActive">
							<label for="opt_tempo" title="La temporisation sera activée par défaut">Activer la temporisation par défaut</label
							><input class="checkbox" type="checkbox" value="1" id="opt_tempo" name="tempo">
						</li>
						<li class="menuItem dictee">
							<label for="opt_dictee">Préférer la dictée quand elle est disponible</label
							><input class="checkbox" type="checkbox" value="1" id="opt_dictee" name="dictee">
						</li>
						<li class="menuItem inverse">
							<label for="opt_inverse">Inverser les questions et les réponses par défaut</label
							><input class="checkbox" type="checkbox" value="1" id="opt_inverse" name="inverse">
						</li>
						<li class="menuItem dictee">
							<label for="opt_feedback">Afficher un message quand la réponse est correcte</label
							><input class="checkbox" type="checkbox" value="1" id="opt_feedback" name="feedback">
						</li>
						<li class="menuItem dictee">
							<label for="opt_assist" title="L'interface sera simplifiée pour permettre une utilisation par tous">Activer l'assistance</label
							><input class="checkbox" type="checkbox" value="1" id="opt_assist" name="assist">
						</li>
						<li class="menuItem actions">
							<input class="inputButton" type="submit" value="Valider">
						</li>
					</form>
					<div class="downloadDesc">Vous pouvez obtenir une version hors-ligne grâce au lien ci-dessous (clic droit, puis "enregistrer sous") : </div>
					<div class="downloadLink"><a href="download/pictolemmes.html" target="_blank">Version téléchargeable</a></div>
					<div class="downloadInfo">Cette version disposera de tous vos menus et préférences actuelles. Elle fonctionne sans connexion Internet.</div>
				</ul>
			</div>
		</div>
	</div>

<!-- JS -->
<script type="text/javascript" src='js/menu/pictolemmes.js?rev=$$version'></script>
<!-- JS DEV -->
<script type="text/javascript" src="js/lib/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/lib/jquery.ThreeDots.modified.js"></script>
<script type="text/javascript" src="js/common/conf.js"></script>
<script type="text/javascript" src="js/common/tools.js"></script>
<script type="text/javascript" src="js/common/common.js"></script>
<script type="text/javascript" src="js/menu/menu.js"></script>
<script type="text/javascript" src="js/menu/batterie.js"></script>
<script type="text/javascript" src="js/menu/exercice.js"></script>
<script type="text/javascript" src="js/menu/serie.js"></script>
<script type="text/javascript" src="js/menu/word.js"></script>
<script type="text/javascript" src="js/menu/question.js"></script>
<script type="text/javascript" src="js/menu/myAccount.js"></script>
<!-- JSEND DEV -->
</body>
</html>
